<script>
$(document).ready(function() {

$('#iniciociclo').DatePicker({
	format:'d/m/Y',
	date: $('#iniciociclo').val(),
	current: $('#iniciociclo').val(),
	starts: 1,
	position: 'r',
	onBeforeShow: function(){
		$('#iniciociclo').DatePickerSetDate($('#iniciociclo').val(), true);
	},
	onChange: function(formated, dates){
		$('#iniciociclo').val(formated);
			$('#iniciociclo').DatePickerHide();
	}
});

$('#finciclo').DatePicker({
	format:'d/m/Y',
	date: $('#finciclo').val(),
	current: $('#finciclo').val(),
	starts: 1,
	position: 'r',
	onBeforeShow: function(){
		$('#finciclo').DatePickerSetDate($('#finciclo').val(), true);
	},
	onChange: function(formated, dates){
		$('#finciclo').val(formated);
			$('#finciclo').DatePickerHide();
	}
});


 } );
</script>
<h1 align="center">Crear Ciclo</h1>
<div  class="area">
    <form action="" method="post" accept-charset="utf-8">
        <div class="split">
            
            <div class="split" style="width:30%; padding-left:15px;">
            <label>Ciclo</label>
            </div>
            <div class="split" style="width:70%;">
            <input name="idciclo" type="text" required  title="El ciclo debe de estar entre 1 y 10" onkeypress="return justNumbers(event)" value="" size=8 maxlength="2" align="left">

            </div></br></br>
						
            <div class="split" style="width:30%; padding-left:15px;">
			<label>A&ntilde;o</label>
            </div>
			<div class="split" style="width:70%;">
                <input type="number" size="6" name="anio" min="2013" max="2020" value="2013">
			</div></br></br>
         
            <div class="split" style="width:30%; padding-left:15px;">
			<label>Inicio Ciclo</label>
			</div>
			<div class="split" style="width:70%;">
            <input id="iniciociclo" type="text" name="iniciociclo" required pattern="\d{1,2}/\d{1,2}/\d{4}" title="debe ingresar un formato como este: dd/mm/yyyy" placeholder="dd/mm/yyyy"  size=12 maxlength="10" value="01/01/2013">
			</div></br></br>
						
            <div class="split" style="width:30%; padding-left:15px;">
			<label>Fin Ciclo</label>
			</div>
			<div class="split" style="width:70%;">
                <input id="finciclo" type="text"  name="finciclo" required pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="dd/mm/yyyy" size=12 maxlength="10" value="01/01/2013">
			</div></br></br>
						
			<div style="display:table;">
                <div style="display:table-row;">
				    <input class="boton" type="submit" name="agregar" value="Agregar Nuevo">
				</div>
			</div>
        
        </div>
	</form>
</div>
</br>   

